<template>
  <el-tabs type="border-card" v-model="activeName">
    <el-tab-pane label="资产" name="zi">
      <el-row>
        <el-form >
          <el-form-item label="">
            <el-select v-model="re">
              <el-option label="小企业会计准则" value="1"></el-option>
              <el-option label="企业会计准则" value="2"></el-option>
            </el-select>
          </el-form-item>
        </el-form>
      </el-row>
      <el-table
        :data="tableData"
        height="250"
        border
        style="width: 100%">
        <el-table-column
          prop="date"
          label="科目编码"
          width="180">
        </el-table-column>
        <el-table-column
          prop="name"
          label="科目名称"
          width="180">
        </el-table-column>
        <el-table-column
          prop="address"
          label="助记码">
        </el-table-column>
        <el-table-column
          prop="yu"
          label="余额方向">
        </el-table-column>
        <el-table-column
          prop="zhun"
          label="所属会计准则">
        </el-table-column>
        <el-table-column
          prop="zhuang"
          label="状态">
        </el-table-column>
        <el-table-column
          prop="cao"
          label="操作">
          <el-button type="text">新增</el-button>
          <el-button type="text" @click="dialogTableVisible = true" class="q">编辑</el-button>

        </el-table-column>
      </el-table>

    </el-tab-pane>

    <el-tab-pane label="负债" name="fu"></el-tab-pane>
    <el-tab-pane label="权益" name="quan"></el-tab-pane>
    <el-tab-pane label="成本" name="cheng"></el-tab-pane>
    <el-tab-pane label="损益" name="sun"></el-tab-pane>
  </el-tabs>
</template>

<script>
    export default {
        name: "subject",
      data() {
        return {
          re: '小企业会计准则',
          activeName: 'zi',
          tableData:[
            {
              date:1,
              name:'库存现金',
              address:'kczz',
              yu: '借',
              zhun: '小企业会计准则',
              zhuang: '正常',
            }
          ],
        }
      }
    }
</script>

<style scoped>

</style>
